<template>

  <div class="box">

    <div class="item" @click="toDetailBrowserPage">
      <img src="~@images/dataPanel/jybb_llmxb_sp.png" style="width: 60px;height: 60px;" alt="">
      <span class="character">浏览明细表（商品）</span>
    </div>
    <div class="item" @click="toDetailBrowserMiniPage">
      <img src="~@images/dataPanel/jybb_llmxb_wym.png" style="width: 60px;height: 60px;" alt="">
      <span class="character">浏览明细表（微页面）</span>
    </div>

  </div>

</template>

<script>
  export default {
    // 经营报表菜单 主页面
    data() {
      return {

      };
    },
    created() {

    },
    mounted() {

    },
    methods: {
      toDetailBrowserPage(){
        this.$router.push({
          name: 'DataPanelOperationsDetailBrowserDetail'
        })
      },

      toDetailBrowserMiniPage(){
        this.$router.push({
          name: 'DataPanelOperationsDetailMiniDetail'
        })
      },

    }
  };
</script>

<style lang="less" scoped>
  /*切图出来全部注释掉*/
  .box{
    display: flex;
    .item{
      display: flex;
      align-items: center;
      width: 345px;
      height: 100px;
      padding:0 20px;
      border-radius: 4px;
      margin-left: 10px;
      cursor: pointer;
      box-shadow: 0 -0px 8px 4px rgba(0, 0, 0, 0.06);
      .character{
        margin-left: 19px;
        font-size: 16px;
        color: #333333;
        letter-spacing: 0;
        font-weight: 400;

      }
    }
  }

</style>
